import React, {memo} from 'react'

interface IProps {
  onClick:()=>void
}

/**
 * 传入B的props有改变
 * 每次点击按钮,调用setCount,触发了A组件的state的刷新,变量handle会被重新定义一次,由于是钱比较,因此react认为props有更新
 * 所以这里的memo无效
 */
export const B:React.FC<IProps> = memo((props):JSX.Element=>{
  const {onClick} = props
  const handle = ():void=>{
    onClick && onClick()
  }

  console.log("B update");
  
  return (
    <button onClick={handle}>click B!</button>
  )
})

